<!--底部导航-->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<div class="mb-50"></div>
<nav class="mui-bar mui-bar-tab ">
    <a class="mui-tab-item" href="/">
        <span class="mui-icon iconfont">&#xe622;</span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" href="/news">
        <span class="mui-icon iconfont">&#xe640;</span>
        <span class="mui-tab-label">新品</span>
    </a>
    <a class="mui-tab-item" href="/haitao">
        <span class="mui-icon iconfont">&#xe600;</span>
        <span class="mui-tab-label">海淘</span>
    </a>
    <a class="mui-tab-item" href="/search">
        <span class="mui-icon iconfont">&#xe625;</span>
        <span class="mui-tab-label">搜索</span>
    </a>
    <a class="mui-tab-item" href="/member">
        <span class="mui-icon iconfont">&#xe6d7;</span>
        <span class="mui-tab-label">个人中心</span>
    </a>
</nav>
<script>

    if (location.href.includes('news')) {
        $('.mui-bar-tab a')[1].classList.add('mui-active')
    } else if (location.href.includes('haitao')) {
        $('.mui-bar-tab a')[2].classList.add('mui-active')
    } else if (location.href.includes('search')) {
        $('.mui-bar-tab a')[3].classList.add('mui-active')
    } else if (location.href.includes('member')) {
        $('.mui-bar-tab a')[4].classList.add('mui-active')
    } else {
        $('.mui-bar-tab a')[0].classList.add('mui-active')
    }
</script>